<script type="text/javascript" src="views/parkLotCenter/facilitiesManage/js/parkOrgBuild.js"></script>
<script>
    var orgBuild = null;
    $(document).ready(function() {
        orgBuild = new parkOrgBuildJs($("#parkOrgBuildDiv"));
    });
</script>
<style>
.parkQuickContent{
    height:calc(100% - 300px);
    border-top:1px solid #ccc;
    width:100%;
    text-align:center;
    padding-top:15px;
}
#tab_mrc{width:100%; height:300px; background:#FFF; overflow:hidden}
#tab_mrc .typeName{font-size:16px; font-weight:bold; line-height:35px;}
#t_1,#t_2,#t_3,#t_4{width:100%; height:300px;position:relative}
.stepBtn{position:absolute;bottom:10px;right:20px;}
.stepBtn a{border:1px solid #ff6f18;background:#ff8400;border-radius:4px;color:#fff;padding:3px 10px;margin-right:20px;text-decoration:none}
.parkQuick-panel .workRecord-info table tr td.LocDongle-list{width:45%;}
.parkQuick-panel .workRecord-info table tr td.LocDongle-list .sp1{
	width:45%;
	display:inline-block;
	margin-left:3%;
}
</style>

<div id ="parkOrgBuildDiv">
   <div class="search-panel parkQuick-panel">
      <div id="tab_mrc">
	      <div id="t_1">
	          <div class="search-text">
			      <label>停车场名称：</label> <input class="k-textbox" data-bind="value:parkName" pattern="^[\u4E00-\u9FA5A-Za-z0-9]+$" validationMessage="检测到特殊字符" required maxlength="31"/>
		      </div>
		      <div class="search-text">
			      <label>停车场网段：</label> <input class="k-textbox" data-bind="value:ip" validationMessage="请输入有效IP地址"  required  pattern="^((?:(?:25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)))\.){3}(?:25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d))))$"/>
		      </div>
			  <div class="search-text">
			  <label>选择类型：</label>
			      <input id="radio-1-1" name="modelType" class="regular-radio" value="0" checked="true" type="radio"><label for="radio-1-1"></label><label class="ml10">大套小</label>
				  <input id="radio-1-2" name="modelType" class="regular-radio" value="1" type="radio"><label for="radio-1-2"></label><label class="ml10">多分区</label>
				  <input id="radio-1-3" name="modelType" class="regular-radio" value="2" type="radio"><label for="radio-1-3"></label><label class="ml10">单分区</label>
			  </div>
			  <div class="stepBtn">
				  <a href="#t_2" name="t1" data-bind="click:nextStep">一键配置</a> <a>逐级配置</a>
			  </div>
	      </div>
          <div id="t_2">
	          <div class="typeName">分区设置：</div>
		      <div class="workRecord-info" style="width:100%;height:222px;overflow-y:auto;overflow-x:hidden">
		          <div class="function-btnBg function-btn">
                    <button data-bind="click:createRow"><img src="images/icon_addTo.png" />新增</button>
                    <button data-bind="click:deleteRow"><img src="images/icon_delTo.png" />删除</button>
                  </div>
		          <table width="100%" id="modelParams">
		            <thead>
			             <tr>
							 <th width="3%" style="text-align: center"><input type="checkbox" data-bind="click:getAll"  /></th>
			                <th>小分区</th>
			                <th>工作站</th>
			                <th>入口</th>
			                <th>出口</th>
			             </tr>
		             </thead>
					 <tbody></tbody>
		          </table>
		      </div>
			  <div class="stepBtn"><a href="#t_1">上一步</a><a href="#t_3" name="t2" data-bind="click:nextStep">下一步</a></div>
          </div>
<!-- 多分区 end -->
          <div id="t_3">
               <div class="typeName">收费标准：</div>
			  <label>启用日历：</label>
			  <div class="switch-button">
				  <div class="checkbox">
					  <input type="checkbox" id="calflag"
							 data-bind="value:equipmentManagements_charge_calTypeFlag"/>
					  <label></label>
				  </div>
			  </div>
	           <div class="workRecord-info" style="width:100%;height:222px;overflow-y:auto;overflow-x:hidden">
	             <table width="100%" id="charge_list">
	                <thead>
		                <tr>
							<th width="10%">车型类型</th>
							<th width="18%">收费标准</th>
							<th width="18%">节假日收费标准</th>
							<th width="18%">工作日收费标准</th>
							<th width="18%">月租收费标准</th>
							<th width="16%">开闸方式</th>
		                </tr>
	                </thead>
	                <tbody>
	                </tbody>
	             </table>
	           </div>
               <div class="stepBtn"><a href="#t_2">上一步</a><a href="#t_4" name="t3" data-bind="click:nextStep">下一步</a></div>
           </div>
           <div id="t_4">
              <div class="typeName">通道设备信息：</div>
              <div class="workRecord-info" style="width:100%;height:222px;overflow-y:auto;overflow-x:hidden">
                 <table width="100%" >
                    <thead>
                       <tr>
                          <th>所有设备</th>
                          <th>挂靠设备</th>
                       </tr>
                    </thead>
                    <tbody>
                       <tr>
                          <td class="LocDongle-list" id="primaryDev">
                          </td>
                          <td class="LocDongle-list" id="slaveDev">
                          </td>
                       </tr>
                    </tbody>
                 </table>
              </div>
              <div class="stepBtn"><a href="#t_3">上一步</a><a href="javascript:void(0)" name="t4" data-bind="click:confirmBuild">提  交</a></div>
        </div>
      </div>


   </div>
   <div class="parkQuickContent">
      <img src="images/parkQuick-pic01.png" />
   </div>
</div>
